<template>
	<router-layout>
	<div class="pageWhite">
		<div class="paytitle">
			<img src="@/assets/images/searchBus/success.png"/>
			<h2>支付成功</h2>
			<p>我们将尽快为您出票,出票失败全额退款</p>
		</div>
		<div class="btnbox">
			<div @click="toOrderList">查看订单</div>
			<div @click="toHome">预定返程</div>
		</div>
	</div>
	</router-layout>
</template>

<script>
	import authMixin from '@/mixin/mixin'
	export default {
		data() {
			return {
				
			}
	  },
		mixins:[authMixin],
		methods:{
			toOrderList(){
				this.$router.replace('/orderList')
			},
			toHome(){
				this.$router.replace('/Index')
			}
		}
	}
</script>

<style scoped>
	.pageWhite{
		background: #fff;
		height: 100vh;
	}
	.paytitle{
		padding: 1rem 0 0 0 ;
		text-align: center;
	}
	.paytitle img{
		width: 1.3rem;
	}
	.paytitle h2{
		font-size: .6rem;
		color: #333;
		font-weight: normal;
		margin: .5rem 0 .4rem 0;
	}
	.paytitle  p{
			font-size: .4rem;
			color: #333;
		}
		.btnbox{
			padding-top: .6rem;
			display: flex;
			justify-content: center;
		}
		.btnbox>div{
			font-size: .36rem;
			margin: 0 .5rem;
			text-align: center;
			width: 2.5rem;
			height: .8rem;
			line-height: .8rem;
			border-radius: .8rem;
			color: #4088EE;
			border: 1px solid #4088EE;
		}
</style>
